<div class="sidebar">
    <ul nz-menu nzMode="inline" [nzInlineCollapsed]="isCollapsed">
        <ng-container *ngFor="let item of menuList">
            <li nz-menu-item nz-tooltip nzPlacement="right" [nzSelected]="item?.selected" (click)="clickSubMenu(item)" *ngIf="!item.children || item.children.length<1">
                <span title>
                    <span style="display: flex;align-items: center;"><img *ngIf="item?.image" src="../../assets/img/menu/{{item?.image}}.png" style="max-height: 20px;max-width: 20px;margin-right: 10px;vertical-align: initial;" />{{item?.name}}</span>
                </span>
              </li>
            <li nz-submenu [nzOpen]="item.isOpen" (click)="clickSubMenu(item)" *ngIf="item.children && item.children.length>0">
                <span title><span style="display: flex;align-items: center;"><img *ngIf="item?.image" src="../../assets/img/menu/{{item?.image}}.png" style="max-height: 20px;max-width: 20px;margin-right: 10px;vertical-align: initial;" />{{item?.name}}</span></span>
                <ul *ngIf="!item.frontPath">
                    <li nz-menu-item [nzSelected]="child?.selected" *ngFor="let child of item?.children" (click)="gotoPage(child)"><i nz-icon [nzType]="child?.image"></i>{{child?.name}}</li>
                </ul>
            </li>
        </ng-container>
        
    </ul>
</div>
